<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>悦乐商城</title>
  <link rel="stylesheet" type="text/css" href="../res/static/css/main.css">
  <link rel="stylesheet" type="text/css" href="../res/layui/css/layui.css">
  <script type="text/javascript" src="../res/layui/layui.js"></script>
  <script type="text/javascript" src="../js/index.js"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
</head>
<body>

  <div class="site-nav-bg">
    <div class="site-nav w1200">
      <p class="sn-back-home">
        <i class="layui-icon layui-icon-home"></i>
        <a href="index.html">首页</a>
      </p>
      <div class="sn-quick-menu">
        <div class="login"><a href="login.html">登录</a></div>
        <div class="sp-cart"><a href="shopcart.html">购物车</a><span>2</span></div>
      </div>
    </div>
  </div>



  <div class="header">
    <div class="headerLayout w1200">
      <div class="headerCon">
        <h1 class="mallLogo">
          <a href="#" title="悦乐商城">
            <img src="../res/static/img/yuele1.jpg" height="109" width="109">
          </a>
        </h1>
        <div class="mallSearch">
          <form action="" class="layui-form" novalidate>
            <input type="text" name="title" required  lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入需要的商品">
            <button class="layui-btn" lay-submit lay-filter="formDemo">
                <i class="layui-icon layui-icon-search"></i>
            </button>
            <input type="hidden" name="" value="">
          </form>
        </div>
      </div>
    </div>
  </div>


  <div class="content content-nav-base information-content">
    <div class="main-nav">
      <div class="inner-cont0">
        <div class="inner-cont1 w1200">
          <div class="inner-cont2">
            <a href="commodity.html">所有商品</a>
            <a href="buytoday.html">今日团购</a>
            <a href="information.html"  class="active">手表的基本知识</a>
            <a href="about.html">关于我们</a>
          </div>
        </div>
      </div>
    </div>
    <div class="info-list-box">
      <div class="info-list w1200">
        <div class="item-box layui-clear" id="list-cont">
          <div class="item">
            <div class="img">
              <img src="../res/static/img/305.jpg" alt="" height="280" width="280">
            </div>
            <div class="text">
              <h4>走时有误差?</h4>
              <p class="data">2020-12-12 16:33:26</p>
              <p class="info-cont">走时有误差可以说是每一块手表的通病，石英表的误差在半秒左右 </p>
            </div>
          </div>
          <div class="item">
            <div class="img">
              <img src="../res/static/img/11.jpg" alt="" height="280" width="280">
            </div>
            <div class="text">
              <h4>放置不经常佩戴的手表?</h4>
              <p class="data">2020-12-13 16:40:36</p>
              <p class="info-cont">有些人购买手表不会只够买一块，有些手表就会放置在哪，其实还是要拿出来保养上油，保持手表里的零件保持运转</p>
            </div>
          </div>
          <div class="item">
            <div class="img">
              <img src="../res/static/img/33.jpg" alt="" height="280" width="280">
            </div>
            <div class="text">
              <h4>手表表壳一般会出现氧化现象?</h4>
              <p class="data">2020-11-24 16:33:26</p>
              <p class="info-cont">颜色会发生变化，其实这种现象是因为在日常佩戴过程中，环境和适度有所不同才会造成另一种颜色，这些都是正常的现象之一, 不必过于担心</p>
            </div>
          </div>
         
         
          <div class="item">
            <div class="img">
              <img src="../res/static/img/105.png" alt=""  height="280" width="280">
            </div>
            <div class="text">
              <h4>手动上链，要转多少圈才满弦?</h4>
              <p class="data">2020-10-24 16:33:26</p>
              <p class="info-cont">一般手表的动力贮存为48小时，上链圈数在20到30圈就可以了，但也不是必定的。当表冠转到差不多时，如果觉得表冠有点紧，就能够中止了。当然，最好的办法就是每次上链都不要到100%就好。</p>
            </div>
          </div>
        </div>
        <div id="demo0" style="text-align: center;"></div>
      </div>
    </div>
  </div>
  <!-- 模版引擎导入 -->
  <!-- <script type="text/html" id="demo">
    {{# layui.each(d.listCont,function(index,item){}}
    <div class="item">
      <div class="img">
        <img src="../res/img/new1.jpg" alt="">
      </div>
      <div class="text">
        <h4>周岁内的宝宝消化不良拉肚子怎么办?</h4>
        <p class="data">2016-12-24 16:33:26</p>
        <p class="info-cont">宝宝在周岁之前体质相对较弱，特别是薄弱肠道，一不注意就会拉肚子;那么宝宝消化不良拉肚子</p>
      </div>
    </div>
    {{# })}}
  </script> -->
<script>
  layui.config({
    base: '../res/static/js/util/' //你存放新模块的目录，注意，不是layui的模块目录
  }).use(['mm','laypage'],function(){
      var
      mm = layui.mm,laypage = layui.laypage;
      laypage.render({
        elem: 'demo0'
        ,count: 100 //数据总数
      });
    // 模版引擎导入
     // var html = demo.innerHTML;
     // var listCont = document.getElementById('list-cont');
     //  mm.request({
     //    url: '../json/information.json',
     //    success : function(res){
     //      console.log(res)
     //      listCont.innerHTML = mm.renderHtml(html,res)
     //    },
     //    error: function(res){
     //      console.log(res);
     //    }
     //  })   
});

</script>


</body>
</html>